<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="css/estilos.css">
    <link rel="stylesheet" type="text/css" href="css/calendario.css">
    {literal}
    <style type="text/css">
    body{
        color:#333333;
        direction:ltr;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        text-align:left;
    }
    </style>
    {/literal}
    {literal}
	<script type="text/javascript" src="Scripts/fechas.js"></script>
    <script language='javascript' src="Scripts/popcalendar.js"></script>
    <script type="text/javascript" src="Scripts/flotante.js"></script>`
     <script type="text/javascript" src="Scripts/prototype.js"></script>
    <script type="text/javascript" src="Scripts/validation.js"></script>
    {/literal}
</head>
<body>
<div class="menu-fechas">
    <form name="frmFecha" id="frmFecha" action="ingresarAnotacionCalendario.php" method="post">
    	<div class="descrip-fecha">
    		<div class="texto-descrip-fecha">Descripci&oacute;n:</div>
    		<textarea class="field-fecha " name="txtNota" id="txtNota"></textarea><br />
        </div>
        <div class="cargando-fecha" id="cargando-fecha"></div>
        <table border="0">
            <tr><td><span class="texto-descrip-fecha">Fecha de inicio:</span></td>
            <td><input type="text" class="txtfields-fecha" name="txtFechaIni" id="txtFechaIni"  onClick="popUpCalendar(this, frmFecha.txtFechaIni, 'yyyy-mm-dd');" /></td>
            <tr><td><span class="texto-descrip-fecha">Fecha de finalizaci&oacute;n:</span></td>
            <td><input type="text" class="txtfields-fecha" name="txtFechaFin" id="txtFechaFin"  onClick="popUpCalendar(this, frmFecha.txtFechaFin, 'yyyy-mm-dd');" /></td>
        </table>
        <span class="texto-descrip-fecha">Repetir:</span>
        <div class="radios-fechas">
        	<input type="radio" name="rdoFecha" value="0" checked="checked" />Nunca<br />
        	<input type="radio" name="rdoFecha" value="1" />Cada semana<br />
            <input type="radio" name="rdoFecha" value="2" />Cada mes<br />
            <input type="radio" name="rdoFecha" value="3" />Cada a&ntilde;o<br />
        </div>
    	<input type="submit" class="boton-fecha" value="Ingresar"/>
    </form>
</div>

<div class="fechas-todas" id="fechas-todas">
{foreach item=c from=$calendario}
	<div class="nota" id="{$c.ano_cod}">
    <div class="nota-texto" id="texto{$c.ano_cod}" onmouseover="ShowContent('fecha{$c.ano_cod}'); return true;" onmouseout="HideContent('fecha{$c.ano_cod}'); return true;">{$c.ano_descripcion}</div>
    <div class="nota-boton-editar" id="edit{$c.ano_cod}"><img src="images/editContent.gif" onclick="cambiarTextArea('{$c.ano_cod}','{$c.ano_descripcion}')"></div>
    <div class="nota-boton-borrar"><img src="images/deleteContent.png" onclick="eliminarFecha('{$c.ano_cod}')"></div>
  	</div>
{/foreach}
</div>

{foreach item=c from=$calendario}
<div id="fecha{$c.ano_cod}" class="flotante">
	<div class="contacto-nombre-info" id="titulo{$c.ano_cod}">{$c.ano_descripcion}</div><div class="clear"></div>
	{if $c.ano_fecha_inicio}<div class="contacto-titulo">Fecha inicio:&nbsp;&nbsp;</div><div class="contacto-info">{$c.ano_fecha_inicio}</div>
    <div class="clear"></div>{/if}
    {if $c.ano_fecha_fin}<div class="contacto-titulo">Fecha de finalizacion:&nbsp;&nbsp;</div><div class="contacto-info">{$c.ano_fecha_fin}</div>
    <div class="clear"></div>{/if}
</div>
{/foreach}
 {literal}
<script type="text/javascript">
function formCallback(result, form) {
    window.status = "valiation callback for form '" + form.id + "': result = " + result;
    }
var valid = new Validation('frmFecha', {immediate : true, focusOnError : false,onFormValidate : formCallback});
</script>
{/literal}

</body>
</html>